import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

import Login from '@/view/Login';
import Home from '@/view/Home';
import Test from '@/view/Test';


// push 跳转路由 方式有两种： name、path 在注册时需name或path 应为字符串属性
// name : this.$router.push({ name: "news" ,params: { userId: 123 }});
// path : this.$router.push({ path: '/news', query: { userId: 123 }});
// 接收跳转路由后的参数
// this.$route.query.userId / this.$route.params.userId
// query传参相当于get方式，会把要传递的参数显示在地址栏中。
// params传参相当于post方式。默认不会把传递的参数显示在地址栏中。
// 切记 要避免关键信息暴露在地址栏

const constantRoutes = [
    {
        path: '/login',
        name: 'login',
        component: Login
    },
    {
        path: '/',
        component: Login
    },
    {
        path: '/home',
        name: "Home",
        component: Home
    },
    {
        path: '/test',
        name: "Test",
        component: Test
    },
];

var routers = new Router({
    mode: 'history',
    routes: constantRoutes
})

export default routers
